* { 
	padding:0; 
	margin:0; 
	font-family:'Microsoft-yahei'; 
}
.container {
	position: relative;
	margin:0 auto;
	width: 1117px;
}
header { 
	padding:10px 0;
	text-align:center; 
}
.navbar-top > ul { 
	list-style:none; 
	overflow:hidden;/*  清除浮动 */
	display:inline-block; 
}
.navbar-top > ul > li { 
	float: left; 
}
.navbar-top > ul > li > a { 
    margin: 0 36px;
	padding:15px 12px; 
	position: relative;
	color:#fff; display:block; 
	font-size:16px; 
	text-decoration:none; 
	transition:all .35s;
}
.navbar-top { 
	background-color: #363636; 
	text-align: center; 
	font-size: 0; /*清除行内带来的渲染*/
}
.navbar-top > ul > li > a::after {
	content:'';
	position:absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #c5842d;
	transition:width .35s;
	transform:translateX(-50%);
}
.navbar-top > ul > li > a:hover {
	color:#c5842d;
}
.navbar-top > ul > li > a:hover::after {
	width: 75px;
}
@media screen and (max-width: 1024px) {
	.container{
		width:820px;
	}
	.navbar-top > ul > li > a{
		margin: 0 18px;
	}
}
@media screen and (max-width: 1117px) {
	.container{
		width:100%;
	}
}
@media screen and (max-width: 768px) {
	body{
		width: 768px;
	}
}